.pagination {
  zoom: 1;
  table {
    display: inline-block;
    height: 30px;
  }
  td{
    border: 0;
  }
  .pagination-num{
    border-width: 1px;
    border-style: solid;
    margin: 0 2px;
    padding: 2px;
    width: 2em;
    height: auto;
  }
  span{
    padding-left: 0 !important;
    font-size: 14px;
  }
  .l-btn-left {
    .l-btn-icon{
      width: 17px;
      height: 18px;
    }
  }
}

.pagination-btn-separator {
  float: left;
  height: 24px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 3px 15px;
}

.pagination-page-list {
  margin: 0px 6px;
  padding: 1px 2px;
  width: auto;
  height: auto;
  border-width: 1px;
  border-style: solid;
}

.pagination-info {
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: @title-sub;
  span{
    display: inline-block;
    margin: 0 4px;
    color: @font-dark-primary;
  }
  .pagination-btn-separator{
    float: right;
  }
}

.pagination-link {
  .l-btn-text{    
    width: 24px;
    text-align: center;
    margin: 0;
  }
}
.pagination-first {
  background: url('images/pagination_icons.png') no-repeat 1px center;
}
.pagination-prev {
  background: url('images/pagination_icons.png') no-repeat -15px center;
}
.pagination-next {
  background: url('images/pagination_icons.png') no-repeat -28px center;
}
.pagination-last {
  background: url('images/pagination_icons.png') no-repeat -44px center;
}
.pagination-load {
  background: url('images/pagination_icons.png') no-repeat -62px center;
}
.pagination-loading {
  background: url('images/loading.gif') no-repeat center center;
}
.pagination-page-list,
.pagination .pagination-num {
  border-color: #D4D4D4;
}
